<template>
	<div class="m-[10px] overflow-hidden rounded-[10px] bg-[#ffffff] p-[10px]">
		<div class="m-[-10px] flex justify-between bg-gradient-to-b from-[#dceeff] to-[#ffffff] p-[10px]">
			<van-image
				radius="2vw"
				width="27vw"
				height="18vw"
				src="http://www.dingdongdr.com/dingdong/file/picFile/20190509140652.jpg"
			/>
			<div class="w-[222px]">
				<div class="text-[15px]">浙江大学医学院第二附属医院</div>
				<div class="my-[6px] text-[12px]">
					<span
						class="mr-[10px] rounded-[4px] bg-gradient-to-r from-[#ff9d29] to-[#ff6f05] px-[6px] py-[2px] text-[#ffffff]"
						>三级甲等</span
					>
					<span
						class="mr-[10px] rounded-[4px] bg-gradient-to-r from-[#8cbaff] to-[#5288f5] px-[6px] py-[2px] text-[#ffffff]"
						>创面修复中心</span
					>
				</div>
			</div>
		</div>
		<div class="mt-[20px] indent-6">
			浙江大学医学院附属第二医院（简称“浙大二院”）创建于1869年，曾创办国内最早的西医院校之一——广济医校，是浙江省西医的发源地，是国内首家三甲医院，也是国际首批国际联合委员会（JCI）认证的学术医学中心。
		</div>
	</div>
	<div class="mx-[20px] my-[10px] text-[18px]">机构医护</div>
	<div class="m-[10px] overflow-hidden rounded-[10px] bg-[#ffffff] p-[10px]">
		<div class="border-b bg-[#ffffff] py-[10px]" v-for="item in 6" :key="item">
			<div class="flex items-center">
				<van-image
					round
					width="13.3vw"
					height="13.3vw"
					src="http://www.dingdongdr.com/dingdong/file/picFile/20190523141207.jpg"
				/>
				<div class="ml-[12px]">
					<div><span>夏金萍</span><span class="mx-[10px] text-[12px] text-[#fb7716]">主管护师</span></div>
					<div class="text-[12px]">浙江大学医学院第二附属医院</div>
				</div>
			</div>
			<div class="mt-[10px] flex text-[12px]">
				擅长方向：
				<div class="grid w-[244px] grid-cols-4 place-items-center gap-[6px]">
					<span
						v-for="item in 6"
						:key="item"
						class="inlin-block rounded-[4px] bg-[#e8f3f8] px-[4px] py-[2px] text-[#6b889f]"
					>
						造口护理
					</span>
				</div>
			</div>
		</div>
		<div class="mt-[10px] text-center text-[12px] text-[#999999]">没有更多了</div>
	</div>
	<div class="p-[10px]"></div>
</template>
